可视化工具D3.js，就不赘述他的简介与下载了，官网上看，直接上教程：

可视化工具D3.js教程 入门   （第一章）——  hello world

可视化工具D3.js教程 入门   （第二章）—— 选择元素与数据绑定

可视化工具D3.js教程 入门   （第三章）—— 理解 Update   Enter  Exit

可视化工具D3.js教程 入门   （第四章）—— 选择 插入 删除等元素操作

可视化工具D3.js教程 入门   （第五章）—— 一个简单的图表

可视化工具D3.js教程 入门   （第六章）—— 比例尺的使用

可视化工具D3.js教程 入门   （第七章）—— 坐标轴

可视化工具D3.js教程 入门   （第八章）—— 一个简单柱状图

可视化工具D3.js教程 入门   （第九章）—— 让图表动起来

可视化工具D3.js教程 入门   （第十章）—— 交互式操作

可视化工具D3.js教程 入门   （第十一章）—— 饼图

可视化工具D3.js教程 入门   （第十二章）—— 力导向图

可视化工具D3.js教程 入门   （第十三章）—— 树状图

可视化工具D3.js教程 入门   （第十四章）—— 中国地图

 各章节demo源码地址请戳这里

本文及上述所列章节参考：

　　可视化工具D3

　　d3中文文档